
/*clear default style*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	border: 0;font: inherit;vertical-align: baseline;text-align: left;font-family: "Microsoft YaHei";margin: 0;padding: 0;color: #666}
* {-webkit-box-sizing: border-box;box-sizing: border-box}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
form, input, textarea,select{font-family: "Microsoft YaHei";outline: 0;}
::-moz-placeholder {color:#999}
::-webkit-input-placeholder {color:#999}
:-ms-input-placeholder {color:#999}
h1, h2, h3, h4 {font-weight: 400}
i{ font-style:normal; display: inline-block; }
.clear {clear: both;}
b{ font-weight: normal; }
.clearfix::after {clear: both; content: ""; display: block; height: 0;}
.clearfix { zoom: 1;}
.fl {float: left}
.fr {float: right}
a{text-decoration:none;cursor:pointer;outline:0;*star:expression(this.onFocus=this.blur());}
a:active{border:none;}
a:after{border:none;}
img{border:0;display: block;}
.trans{ transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s }
.w1200 {width: 1200px;margin: 0 auto}
body{ min-width: 1200px;background-color: #F9F9F9; font-size: 14px;}


/********  top bar ***********/
.topBar{ height:28px; background-color:#f1f2f3; font-size:12px; line-height:28px; color:#919191}
.topBar .wotu-index{ color:#919191; display:inline-block; margin-left:60px;}
.topBar .wotu-index:hover{ color:#4289EA;}
.topBar .vip-link{ color:#919191; }
.topBar .vip-link:hover{ color:#000}


/** header  **/
.header{height:80px; background: #fff; width: 100%;}
.header .logo{position: relative;width: 195px; height:26px; background: url(/images/ppt-logo.png); margin-top:27px; margin-right:25px;}
.header .logo a{ display:block;width: 195px; height:26px;position: relative;z-index: 5;}
.header .logo img{width: 100%;height: 100%;}
.header .logo .tip{display:none;position:absolute;left:0;top:-52px;width:311px;height:138px;background:url(/images/logo-tip.png) center;box-sizing:border-box;padding-top:104px;z-index:4}
.header .logo .tip p{text-align:center;color:#1E89F2}
.header .logo:hover .tip{display:block}

/*收藏我们*/
.collect-us{display:none;position:fixed;right:120px;bottom:45px;width:224px;height:120px;background:#fff;box-shadow:0px 4px 21px 0px rgba(0,0,0,0.12);border-radius:4px;z-index:8;box-sizing:border-box;padding-top:22px}
.collect-us .close{position:absolute;top:8px;right:8px;display:block;width:10px;height:10px;background:url(/images/collect-close.png);cursor:pointer}
.collect-us .content{width:124px;margin:0 auto 18px}
.collect-us .content p{width:42px;height:42px;line-height:42px;border-radius:4px;text-align:center;color:#fff;font-size:18px;background:#4289EA}
.collect-us .content p:first-child{margin-right:15px}
.collect-us .content span{font-size:20px;color:#4289EA;line-height:42px}
.collect-us .note{text-align:center;font-size:16px;color:#333}


/***** SEARCH *******/
.seek{position: relative;width:800px;height:60px; margin: 24px auto; border-radius: 4px;}
.seek input{width:680px;height:60px;border:none;background:#fff;padding-left:25px; font-size:16px; color: #666; border-radius: 4px 0 0 4px}
.seek .search{height:60px;width:120px;line-height:60px;color:#fff; font-size: 18px;text-align:center; background-color:#4289EA; border-radius: 0 4px 4px 0}
.seek .search span{  color: #fff; }
.seek .search i{width:20px;height:20px;margin-right:6px;background:url(/images/public-icon.png) 0 0 no-repeat;vertical-align:-4px}
.seek .seek-tip{width:559px;padding:12px 0;border-radius:0 0 6px 6px;position:absolute;top:60px;left:121px;box-shadow:0 0 2px rgba(0,0,0,0.2);z-index:3;background:#fff;display:none}
.seek .seek-tip ul{display:block;height:40px;line-height:40px;padding:0 25px; cursor: pointer;}
.seek .seek-tip ul:hover{background:#ECF3FC}
.seek .seek-tip ul:hover .key{color:#382b77}
.seek .seek-tip .key{color:#666}
.seek .seek-tip .value{color:#666}
.fixed-header .seek .seek-tip{left:0}



/*****  header classify  *****/
.classify-item{ position: relative; margin: 0 12px;}
.classify-item .classify-first{ font-size:16px; padding:0 10px 0px;cursor: pointer;}
.classify-item .classify-first a{ color: #2A2A2A;display: inline-block; height:65px;line-height:80px; border-bottom: #fff 3px solid; position: relative;}
.classify-item .classify-first a i.new{position: absolute;font-size: 12px;top: -13px;color: #f00;left: 65px;font-weight: bolder;}
.classify-item .classify-box{ position: absolute; z-index:5;top:65px; left:-43px; background-color: #fff; padding:15px 10px 10px 30px; width:488px;border-radius: 2px;box-shadow: 0 0 10px rgba(0,0,0,0.1); display:none }
.classify-item .classify-box p{ width:112px; margin-bottom:5px;}
.classify-item .classify-box a{ color: #545454; font-size:14px; display:inline-block; padding: 0 15px; height: 30px;  line-height: 30px; border-radius: 2px; transition: all .2s;-webkit-transition: all .2s;-moz-transition: all 0.2s; }
.classify-item .classify-box a:hover,.all-classify .classify-box .on{ background-color: #4289EA; color: #fff;  }
.classify-item:hover .classify-box{ display:block; }
.classify-item:hover .classify-first a,.classify-item .classify-first a.on{ color: #4289EA;border-bottom: #4289EA 3px solid; }
.classify-item .Excel-box{ width:350px }
.classify-item .classify-first .new-icon{display:block;width:31px;height:19px;background:url(/images/new-icon.png);position:absolute;top:12px;right:-20px}




/******* login state ******/
.no-login{ color: #666; line-height:80px; height:80px;  display: inline-block; cursor: pointer;  }
.no-login:hover{ color: #4289EA}
.no-login .icon-login{ width:24px; height: 24px; background: url(/images/public-icon.png) -1px -166px;vertical-align: -5px; margin-right:10px;}


.yes-login { position: relative;padding-bottom: 30px;}
.yes-login .user-img{ display:block; width: 46px; height: 46px;border-radius: 46px; margin-top:17px; }
.yes-login .user-img:hover{ opacity: 0.9 }
.drop-box{ background-color: #fff; position: absolute; top:80px; z-index:5; width: 152px; left:-52px ; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding-top: 20px; border-radius: 2px; padding-bottom: 10px; display: none;}
.user-infor{ font-size: 14px; color: #666;  text-align: center; margin-bottom: 10px; }
.user-infor .user-name{ max-width:95px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 auto; text-align: center; }
.user-infor .user-name a{ color: #666; }
.user-infor .user-name a:hover{ color: #1e89f2 }
.user-infor p{ line-height:24px; }
.user-infor .user-id{ font-size: 12px; text-align: center; }
.drop-box ul li{ height: 46px; line-height: 46px; font-size: 15px}
.drop-box ul li a{ height: 46px; color: #666; padding-left: 45px;  display: block;height: 46px; line-height: 46px;  }
.drop-box ul li a:hover,.drop-box ul li .active{ background-color: #4289EA; color: #fff; }
.yes-login:hover .drop-box{ display: block; }


/*******  获取vip *******/
.hq-vip{ margin-left:30px; }
.hq-vip a{ color: #666; line-height:80px; height:80px;  display: inline-block; }
.hq-vip a:hover{ color: #4289EA }
.hq-vip .icon-vip{ width: 23px; height: 18px; background: url(/images/public-icon.png) -2px -200px; vertical-align: -4px; margin-right:10px;}


/*****  fixed header *****/
.fixed-header { position: fixed; z-index: 3; top: -150px; left: 0; width: 100%; height: 100px; background-color: #fff;box-shadow: 0 15px 30px 0 rgba(0,0,0,0.05); }
.fixed-header .logo{margin-top:37px;}
.fixed-header .no-login{  line-height:100px; height:100px;}
.fixed-header .hq-vip a {line-height:100px;height: 100px;}

.fixed-header .seek{background: #FFF;border: 2px solid #EEE;border-radius: 4px; margin-top: 20px; margin-left: 75px}
.fixed-header .seek .search{height:56px;width:120px;line-height:56px;}
.fixed-header .seek input{width:555px;height:56px; line-height:55px}
.fixed-header .seek .seek-tip{  width:796px; }


.fenlei-box{ width:121px; position:relative; height: 56px}
.change-span span{ display: block; width:120px; }
.checked-box{  height:56px; line-height:56px;color: #4289EA;display:block; text-align:center; cursor:pointer; font-size: 16px; }
.checked-box b{ font-weight:normal;color: #4289EA;}
.change-span{ background-color:#fff; border:#e5e5e5 1px solid; position:absolute; z-index: 2; width:120px}
.fenlei-box .change-span .checked-box{ height:36px; line-height:36px; font-size:14px;cursor:pointer; top:60px;margin:0;left:0; text-align:center; background-color:#FFF;color:#666; width:118px; }
.fenlei-box .change-span .checked-box b{ font-weight:normal; font-size:13px;  color: #666}
.fenlei-box .change-span .checked-box:hover,.fenlei-box .change-span .checked-box:hover b{ color:#4289EA}
.fenlei-box  .icon-more{display: inline-block;width:9px;height: 6px;background: url(/images/public-icon.png) -35px 0px no-repeat; margin-left: 5px;transition: all .2s;vertical-align: 4px\9; position:absolute; top:25px; right:10px;}
.fenlei-box .icon-trans{background: url(/images/public-icon.png) -47px 0px no-repeat;}

/**********  作品列表 ************/
.work-list{  width:276px; height:460px;margin:0 32px 30px 0;background-color: #fff;  border-radius:8px; padding: 10px;box-shadow: 0 15px 30px 0 rgba(0,0,0,0.02); position:  relative; }
.work-list .img-box{width: 258px; height:412px; overflow: hidden;}
.work-list .img-box img{  width: 100%; height: 100%}
.work-list .mask-box {display: none;width: 258px; height:412px; position: absolute; top: 10px; left: 10px; background: url(//js.wotucdn.com/2017/ppt/so/images/mask-bg.png)  left bottom; background-size: cover;}
.work-list:hover .mask-box{ display: block; }
.work-list .link-box{ width: 258px; height:412px; display: block;}
.work-list .work-name{ width:218px; height: 28px; line-height:32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; font-size: 16px }
.work-list .work-name a{  color: #999; }
.work-list .work-name a:hover{  color: #4289EA}
.work-list  .w310 { width: 258px }
.collect-btn{ width:40px; height: 40px; cursor: pointer;}
.collect-btn i{ width:18px; height: 18px; margin:7px 0 0 0; display: inline-block;float: right;}
.collect-btn .no-coll{ background: url(/images/public-icon.png) -2px -110px;  }
.collect-btn .no-coll:hover { background-position: -2px -138px}
.collect-btn .on-click{ background: url(/images/public-icon.png) -2px -138px;  }
.download-btn{ width:200px; height: 44px; line-height: 44px;background: #4289EA; font-size: 16px; border-radius: 4px; position: absolute; left: 50%; margin-left: -100px;  bottom:20px;  z-index: 2}
.download-btn a{  display: inline-block; width:200px; height: 44px; text-align: center; color: #fff }
.download-btn i.icon-download{ width: 17px; height: 17px; background:url(/images/public-icon.png) -5px -83px; margin-right: 5px }
.download-btn i.icon-download:hover{ opacity: 0.9}
.shouquan{ position: absolute;  top: 10px; left: 10px; width: 34px; height: 34px; background: url(/images/public-icon.png) 0 -32px; }
.work-list:hover {box-shadow: 0 15px 30px 0 rgba(0,0,0,0.15); }

/******** 友情链接  *******/
.link-box .tab-link span,.link-box-m .link-box-every a{ color: #999; line-height: 30px;margin-right: 20px; cursor: pointer;}
.link-box .tab-link span:hover,.link-box-m .link-box-every a:hover{ color: #1782e3}
.link-box-m .link-box-every{ display:none; margin-bottom: 50px;}
.link-box .tab-link span.on{ color: #1782e3}


/**** pagelist  ****/
#pagelist{text-align: center;height:47px;padding:40px 0 60px;width:100%;margin:0 auto;}
#pagelist a{display: inline-block; padding:0 20px; height:47px;margin:0 5px;border-radius: 2px; background: #fff; line-height: 47px; font-size:16px;color:#616161;transition:all .2s;}
#pagelist a:hover,#pagelist a.current{background: #4289EA;color:#fff;}
#pagelist span{color:#616161; font-size:16px;padding:0 5px;}
#pagelist .width-95{ width: 95px; }

/********  login mask *********/
.login-mask{position: fixed;left: 0;top: 0; width: 100%; height:100%; z-index:25;}
.login-mask .mask{background:#000;filter:alpha(opacity=40);opacity: .4;height: 100% ;}
.login-mask .login-con{ width: 524px; height:395px; background: url(/images/mask-bg.jpg) no-repeat top #fff; position:fixed ; z-index:8; left: 50%; top: 50%; margin-left: -262px; margin-top: -200px;  border-radius:2px;-webkit-animation: login-win .4s forwards; animation: login-win .4s forwards;-moz-animation: login-win .4s forwards}
.login-mask .login-con .logo{ height: 26px; width: 195px;  background: url(/images/public-ppt.png) no-repeat 0 0; margin: 64px auto 26px;}
.login-mask .icon-close{ display: inline-block; width: 20px; height: 20px; background: url(/images/public-ppt.png) 0 -139px; position: absolute; top:18px; right: 18px;  cursor: pointer;  }
.login-mask .icon-close:hover{  background-position: -23px -139px; }
.login-mask .mask-m{color: #484848;font-size: 16px;position:relative; text-align: center; width: 366px; margin: 0 auto;}
.login-mask .mask-m:before{content: '';height: 1px;width:80px;  background: #dcdcdc;  position: absolute;  top:50%;  }
.login-mask .mask-m:after{content: '';height: 1px; width:80px;  background: #dcdcdc;  position: absolute;  top:50%;  }
.login-mask .mask-m:before{left: 0;}
.login-mask .mask-m:after{right: 0;}
.login-mask .sel-way { width: 370px; margin:50px auto  0 }
.login-mask .sel-way a{ display: block; width: 135px; height: 134px;  margin: 0 25px;background: url(/images/login-way.png) 0 0 no-repeat;}
.login-mask .sel-way  .wx-way{ background-position: 0 -136px; }
.login-mask .sel-way .qq-way:hover{ background-position: -138px 0 ; }
.login-mask .sel-way .wx-way:hover{ background-position: -138px -136px ; }
.login-mask .phoneLogin{color:#666; display: block; text-align: center; margin-top: 20px}
.login-mask .phoneLogin:hover{color:#1e89f2;}
/*.fix-right*/
.fixed-right{position: fixed;right:6px;bottom: 120px;height:347px;z-index: 3;}
.vip-link-a{ width:102px; height:95px; background: url(/images/give-icon.png) 0 0 no-repeat; position: absolute; top: -98px ; right:-4px;animation:myfirst 1.5s ease-in-out  infinite; -webkit-animation:myfirst 1.5s ease-in-out  infinite;-moz-animation:myfirst 1.5s ease-in-out  infinite;-o-animation:myfirst 1.5s ease-in-out  infinite;}
.vip-link-a a{ display: block;width:102px; height:95px;}
@keyframes myfirst{
   0% { transform: translate(0px, 0px);}
   50% {transform: translate(0px, -5px);}
   100% {transform: translate(0px, 0px);}
}
.fixed-right .link-right{ width:60px; height: 347px;box-shadow: 0 0 5px rgba(0,0,0,0.05);}
.fixed-right .link-right .w60{ width:60px;background: url(/images/fixed-right.png)}
.fixed-right .link-right .w60 a{ display: block; width: 100%; height: 100%}
.fixed-right .link-right .qq-link{ height:71px; background-position:  0 0 ;  position: relative;}
.fixed-right .link-right .qq-link:hover{  background-position:-74px 0}

.fixed-right .out-box { padding-left: 10px; width: 70px; height: 68px;position: absolute; top: 0; right: 0}
.fixed-right .qqTip{background:#fff;width:200px;padding: 5px 10px; box-sizing: border-box; font-size:12px;box-shadow: 0  0px 6px rgba(168,168,168,0.38);position: absolute;z-index:3; top:0px; width: 210px;right:64px;display:none}
.fixed-right .qqTip .work-time{padding:6px 0;border-top:1px solid #e8e8e8; margin-top: 5px}
.fixed-right .qqTip .work-time p{color:#666666}
.fixed-right .qqTip .id-info{padding-top: 4px;border-top:1px solid #e8e8e8;color:#666666}
.fixed-right .qqTip .id-info p{text-align: left;padding-left: 28px;}
.fixed-right .qqTip .id-info span{color:#4289EA;margin-left: 4px;}

.fixed-right .qqTip .service div{width:89px;height:98px;box-sizing:border-box}
.fixed-right .qqTip .service p{color:#666666}
.fixed-right .qqTip .service .WeChat img{display:block;width:75px;height:75px;margin:auto}
.fixed-right .qqTip .service .WeChat .wx-kf{width:75px;height:75px;margin:4px auto 0; background: url(/images/fixed-right.png) -138px -267px;}
.fixed-right .qqTip .service .line{height:70px;border-left:1px solid #e8e8e8;margin-top:16px}
.fixed-right .qqTip .service .qq .qq-box{display: block;width:70px;height: 70px;background: #d8d7d7;margin-left: 12px;padding-top: 18px;box-sizing: border-box;margin-top: 6px;margin-bottom: 3px;}
.fixed-right .qqTip .service .qq i{display:block;width:30px;height:30px;margin:auto;background:url(/images/fixed-right.png) -142px -199px;}
.fixed-right .qqTip .service .qq:hover .qq-box{background: #1E89F2}
.fixed-right .qqTip p{line-height: 20px;text-align: center;}
.fixed-right .link-right .qq-link:hover .qqTip{ display: block;}
.fixed-right .link-right .wx-ma{ height:68px; background-position:  0 -71px; position: relative;}
.fixed-right .wrod-notice {position: absolute;z-index: 5;width: 150px; height: 190px;top: 0;left: -144px; background: url(/images/fixed-right.png) -136px 0; display: none;}
.wx-box{ padding-left: 10px; width: 70px; height: 68px;position: absolute; right: 0;}
.fixed-right .link-right .wx-ma:hover .wrod-notice{ display: block;}
.fixed-right .link-right .wx-ma:hover{ background-position: -74px -71px;}
.fixed-right .link-right .collect-web{height:69px; background-position:  0 -139px; position: relative;}
.fixed-right .link-right .collect-web:hover{ background-position:-74px -139px;}
.fixed-right .collect-web .big{ width:200px; height:180px ; position:absolute; top:0; right:64px;background: url(/images/fixed-right.png) 0 -349px; display: none;}
.fixed-right .collect-web  span{ display:block; width:120px; height:30px;border-radius:30px;margin:128px auto; cursor: pointer;}
.fixed-right .collect-web:hover .big{ display: block;}
.coll-web{padding-left: 10px; width: 70px; height: 68px;position: absolute; right: 0;}
.fixed-right .link-right .advise{height:69px; background-position:  0 -208px;}
.fixed-right .link-right .advise:hover{height:69px; background-position:-74px -208px;}
.fixed-right .link-right .back-top{height:70px; background-position:  0 -277px;}
.fixed-right .link-right .back-top:hover{ background-position: -74px -277px;}

/******** footer  ***********/
.ppt-footer .footer{background:#fff;padding:28px 0 20px;height:auto}
.ppt-footer .about{height:140px;border-right:1px solid #c8c8c8;padding-right:160px;box-sizing:border-box}
.ppt-footer .about h1{font-size:24px;color:#666;margin-bottom:12px}
.ppt-footer .about .footer-module-title{font-size:24px;color:#666;margin-bottom:12px}
.ppt-footer .about p{font-size:16px;color:#999;margin-bottom:26px}
.ppt-footer .about .link a{font-size:16px;color:#666;margin-right:70px}
.ppt-footer .about .link a:hover{color:#4289EA}
.ppt-footer .contact{padding-left:30px}
.ppt-footer .contact h1{font-size:24px;color:#666;margin-bottom:24px}
.ppt-footer .contact .footer-module-title{font-size:24px;color:#666;margin-bottom:12px}
.ppt-footer .contact .way{margin-right:80px}
.ppt-footer .contact .way p{color:#666;margin-bottom:18px}
.ppt-footer .contact .way p i{background:url(/images/public-icon.png) no-repeat;margin-right:12px;vertical-align:-2px}
.ppt-footer .contact .way .service i{width:17px;height:16px;background-position:-41px -12px}
.ppt-footer .contact .way .qq i{ background-position:-36px -33px ;  width: 119px; height: 31px;}
.ppt-footer .contact .way .qq:hover{ opacity: 0.9}
.ppt-footer .contact .chart{margin-right:36px}
.ppt-footer .contact .chart:last-child{margin-right:0}
.ppt-footer .contact .chart .pic{width:96px;height:96px;background:#959595;margin-bottom:10px}
.ppt-footer .contact .chart .pic img{width:96px;height:96px}
.ppt-footer .contact .chart p{text-align:center;font-size:12px;color:#666}
#copyright{height:82px;background:#333;min-width:1200px;}
#copyright .pz p{ float:left;display:inline;font-size:16px;color:#797979;height:82px;line-height:82px;padding-right:54px;}
#copyright .pz p i{ float:left;display:inline;width:26px;height:34px;margin:25px 18px 0 0;background:url(/images/public-icon.png) -38px -67px no-repeat;}
#copyright .pz p .bz{ background-position:-65px -67px}
#copyright .pz p .tx{ background-position:-92px -67px}
#copyright .pz p .pp{ background-position:-119px -67px }
#copyright .copy{color:#999;line-height:24px;padding-top:20px; width:636px;}
#copyright .copy a{color:#999;}
#copyright .copy span{color:#999 !important}
.beian-box{display: inline-block; width:15px; height: 15px;  background: url(//js.wotucdn.com/framework/web/public/mainsite/images/InsertPic.png); vertical-align: -2px; margin: 0 3px 0 2px}

#cnzz_stat_icon_1275195743{ display: none;}
@media screen and (max-width: 1580px) {
.w1200{ width:1200px; }
.fixed-header .seek{width:660px;}
.fixed-header .seek input{width:415px;}
.fixed-header .seek .seek-tip{  width:656px; }
#copyright .copy{width:584px; font-size: 12px;}
#copyright .pz p{ padding-right:34px}
}

/*全部搜索搜索下拉样式*/
.search-box .fenlei-box{ height: 60px;}
.search-box .checked-box{height: 60px; line-height: 60px;}
.search-box .fenlei-box .icon-more{top:28px}
.search-box .seek{  background-color: #fff}
.search-box  .searchInput {  width: 559px}
.copyright{width:100%;background:#000;min-width:1450px;margin:0 auto;height:60px;text-align:center;line-height:60px}
.copyright a{color:#999;padding:0 0 0 24px}
.copyright a:hover{color:#f34d37}
